<template>
  <div>
    <Father />
  </div>
</template>

<script setup>
import Father from './Father.jsx';

defineOptions({
  name: '祖孙',
  icon: 'school'
});
</script>

<style lang="scss">
.father {
  background-color: rgb(165, 164, 164);
  padding: 20px;
  border-radius: 10px;
}

.child {
  margin-top: 20px;
  background-color: skyblue;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px black;
}

.grand-child {
  margin-top: 20px;
  background-color: orange;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px black;
}
</style>